@import "reset.css";

/* common css */
body{background-color:#fff; font-size:12px; font-family:"宋体";}
div{line-height:18px; font-size:12px; font-family:Arial;}
a{text-decoration:none;}
a:link{color:#24d;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;}
.gray a{color:#666;}
.gray a:hover{color:#c00;}
.help a{color:#46a226;}
.help a:hover{text-decoration:underline;}
/* layout */
.wrapper {clear:both; margin:0px auto; width:980px;}
.col1-layout{float:none; width:auto;}
.col2-layout .col-1{float:left;width:250px;}
.col2-layout .col-2{float:left;width:720px;}
.col2-layout .col2-1{float:left;width:195px;}
.col2-layout .col2-2{float:left;width:775px;}
.col3-layout .col-left{float:left; width:195px; margin-right:10px;}
.col3-layout .col-main{float:left; width:570px; margin-right:10px;}
.col3-layout .col-right{float:right; width:195px;}

/* top css */
.top1{height: 20px;line-height: 20px; border-bottom:1px #6694e3 solid; padding:0 10px;}
.top1 a{text-decoration:underline;}
.top1right{float:right;}
.top2{height:55px;margin:10px 0;}
.top2right{float:right;width:775px; margin-top:17px;}
.txt-search{font-size:16px; width:28em; height:21px; color:#bebebe; }
.btn-search{padding:3px 4px; font-size: 14px; margin-left:2px;}

/* block css */
.ht-block,.nt-block{border-width:1px; border-style:solid; margin-bottom:10px; padding:3px;}
.ht-block .title{font-size:14px; line-height:20px; height:20px; padding:2px 10px;}
.ht-block .title h3{float:left; color:#000;}
.ht-block .title p{float:right;font-size:12px;}
.ht-block .content,
.nt-block .content{clear:both;background-color:#fff;padding:5px 10px;}
.ht-block .main,
.nt-block .main{clear:both;background-color:#fff;}
.ra-block {border: #c2c2c2 1px solid;margin:3px 0; background-color:#fff;padding:5px 10px;}
.ra-block .hd{line-height:18px;}
.ra-block .hd h3 {float:left;font-size:14px;}
.ra-block .hd a.more {float:right;}
.ra-block .bd {clear: both;margin-top:10px;}
.star .bd p{color:#666;line-height:16px;}
.star .bd .list-title{color:#000;margin-top:10px;}
.star .bd li{margin-top:1px;line-height:14px;}
.star .bd li img{margin-right:5px;vertical-align:middle;}
.rank .bd li span{color:#444;float:right;}
.rankno,.rankno2{display:inline-block;margin-right:5px; width:15px;height:15px;line-height:15px;background:#ff8800;color:#fff;text-align:center;}
.rankno2{background:#888;}

/** block id css **/
#cat-list{border-color:#b2d0ea; background-color: #edf7ff;}
#recommend{border-color:#a5da94;background-color: #dbf1d4;}

#cat-list .content dl dt a{font-size:14px;line-height:22px;}
#cat-list .content dl dd a{line-height:16px;color:#000;display:inline-block;margin-right:5px;}
#cat-list .content dl dd a:hover{color:#c00;text-decoration:underline;}
#notice{border-width:3px;border-color: #f4bc44;}
#notice .content{font-size:14px; line-height:20px;}
#ranglisten{border-color:#f0f0f0;background-color:#f1f1f1;}

/* footer css*/
#footer{clear:both; border-top:1px solid #eee; text-align:center; padding:5px 0;margin-top:10px;}

/* tabpage styles */
.tab-nav {padding: 2px 0;margin-left: 0;border-bottom: 1px solid #A5DA94;font-size:14px;font-weight:bold;}
.tab-nav li {list-style: none;margin:0;display: inline;}
.tab-nav li a {padding: 3px 1em;margin-left: 5px;border: 1px solid #A5DA94;border-bottom: none;background: #dbf1d4;text-decoration: none;}
.tab-nav li a:link,.tab-nav li a:visited { color:#125908;}
.tab-nav li a:hover {color: #000;}
.tab-nav li a.current{color:#000; background: white;border-bottom: 2px solid white;}
.tab-page{padding:5px 13px;}